<BottomNavigation@MDScreen>
    name: "bottom navigation"

    BoxLayout:
        orientation: "vertical"
        spacing: "10dp"

        Toolbar:
            id: toolbar

        MDBottomNavigation:
            id: panel

            MDBottomNavigationItem:
                name: "files1"
                text: "Python"
                icon: "language-python"

                MDBoxLayout:
                    orientation: "vertical"
                    adaptive_height: True
                    spacing: "10dp"
                    pos_hint: {"center_x": .5, "center_y": .5}

                    MDLabel:
                        font_style: "Body1"
                        text: "Toggle to set custom panel color"
                        halign: "center"

                    MDSwitch:
                        size_hint: None, None
                        size: "36dp", "48dp"
                        pos_hint: {"center_x": .5}
                        on_active:
                            panel.panel_color = \
                            [0.2980392156862745, 0.2823529411764706, 0.32941176470588235, 1] \
                            if self.active else app.theme_cls.bg_dark

            MDBottomNavigationItem:
                name: "files2"
                text: "C++"
                icon: "language-cpp"

                MDLabel:
                    font_style: "Body1"
                    text: "I programming of C++"
                    halign: "center"

            MDBottomNavigationItem:
                name: "files3"
                text: "JS"
                icon: "language-javascript"

                MDLabel:
                    font_style: "Body1"
                    text: "Oh god JS again"
                    halign: "center"
